<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <link href="EE\css\bootstrap.min.css" rel="stylesheet" type="text/css">
  <link href="EE\css\material-kit.css" rel="stylesheet" type="text/css">
  <link href="EE\css\font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="EE\css\font-awesome.css" rel="stylesheet" type="text/css">
<link href="EE\css\Sparql.css" rel="stylesheet" type="text/css">
<script src="EE\js\jquery-3.1.1.min.js"></script>
<script src="EE\js\bootstrap-datepicker.js"></script>
<script src="EE\js\bootstrap.min.js"></script>
<script src="EE\js\arbor.js"></script>

<script src="EE\js\overDetail.js"></script>
<script src="EE\js\graph.js"></script>
<script src="EE\js\material-kit.js"></script>
<script src="EE\js\material.min.js"></script>
<script src="EE\js\nouislider.min.js"></script>



</head>

<body >
 <div >
  <!-- logo -->   
<nav style="background-image: url(EE/img/bc.jpg);"class="navbar navbar-info" role="navigation">
  
    <img style="width:350px;display:inline"src="EE\img\logo.png"> 
	<span style="display:inline;float:right;padding-top: 25px;"><a href="Info.html" style="color:#fff;font-size:15px"id="username"></a>&nbsp&nbsp欢迎！</span>
</nav>
<!-- 下方 -->
<div class="row-fluid"  >
   <!-- 侧栏 -->
   <div class="col-md-1 col-xs-3 col-sm-3 col-lg-3 left-div" id="sidebar">
   <ul class="nav nav-pills nav-stacked">

   <li ></li> 
     <li><a href="index.html" >首页</a></li>
    <li class="nav-header" style="background-color:#ddd">
					案例浏览
				</li>
   <li class="active"><a href="#" >案例列表</a></li>
 
</ul>
<ul class="nav nav-pills nav-stacked">

   <li ></li>  
   <li ><a href="Sparql.html">语义查询</a></li> 
   <li ><a href="intro.html">PREFIX介绍</a></li>
   <li ><a href="BDMap.html">地图展示</a></li>
       <li class="nav-header" style="background-color:#ddd">
					个人中心
				</li>
				<li >
					<a href="Info.html">编辑资料</a>
				</li>
</ul>
 </div>
   
<!-- 内容页 -->   
<div id="content" class="col-md-10 col-xs-10 col-sm-10 col-lg-10 content-div" >
 
<button id="back" class=".btn">返回列表</button>

<div class="panel panel-primary">
   <div class="panel-heading">
      <h3 class="panel-title">突发事件详情</h3>
   </div>
   
   
   <ul id="myTab" class="nav nav-tabs">
	<li class="active">
		<a href="#home" data-toggle="tab">
			 列表模式
		</a>
	</li>
	<li><a href="#graph" data-toggle="tab" id="arborShow">图模式</a></li>
</ul>
<div id="myTabContent" class="tab-content">
	<div class="tab-pane fade in active" id="home">
		<div class="panel-body result1"  >
   		 <div id="detail" style="color:#000;font-family: bold;">
   		 </div>
   		</div>
   </div>
	<div class="tab-pane fade" id="graph">
	  <canvas id="viewport" width="530" height="530"></canvas>
	  <div class="showTable">
	    <table border="1 red">
	      <tbody id='tbody'>
	        
	      </tbody>
	    </table>
	  </div>
  </div>
</div>

 </div>
 <div class="footer">Copyright &copy; 2016. WUST OntoWeb All rights reserved.</div>
</div>
 </div>
</body>

</html>